﻿<phone:PhoneApplicationPage
    x:Class="TestWP.StoryGamePage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d"
    shell:SystemTray.IsVisible="True">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <Grid.Background>
                <ImageBrush Stretch="Fill" ImageSource="/Resources/images/BorderGame.png"/>
            </Grid.Background>
            <Grid HorizontalAlignment="Center" VerticalAlignment="Center" Width="400" Height="400" Margin="31,150,25,218">
                <Grid.Background>
                    <ImageBrush Stretch="Fill" ImageSource="/Resources/images/GridGame.png"/>
                </Grid.Background>
                <Viewbox x:Name="viewbox" Stretch="Fill" Width="75" Height="75" HorizontalAlignment="Left" VerticalAlignment="Top" Style="{StaticResource ViewBoxCustom}" Margin="25,20,0,0">
                    <Image x:Name="img1" />
                </Viewbox>
                <Viewbox x:Name="viewbox1" Stretch="Fill" Width="76" Height="75" VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.ZIndex="1" Margin="115,20,0,0">
                    <Image x:Name="img2"/>
                </Viewbox>
                <Viewbox x:Name="viewbox2" Stretch="Fill" Width="75" Height="75" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,20,112,0">
                    <Image x:Name="img3"/>
                </Viewbox>
                <Viewbox x:Name="viewbox3" Stretch="Fill" Width="75" Height="75" HorizontalAlignment="Left" Margin="309,20,0,305">
                    <Image x:Name="img4"/>
                </Viewbox>
                <Viewbox x:Name="viewbox4" Stretch="Fill" Width="75" Height="75" Margin="25,113,300,212">
                    <Image x:Name="img5"/>
                </Viewbox>
                <Viewbox x:Name="viewbox5" Stretch="Fill" Width="75" Height="75" HorizontalAlignment="Right" Margin="0,113,209,212">
                    <Image x:Name="img6"/>
                </Viewbox>
                <Viewbox x:Name="viewbox6" Stretch="Fill" Width="75" Height="75" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="213,0,0,212">
                    <Image x:Name="img7"/>
                </Viewbox>
                <Viewbox x:Name="viewbox7" Stretch="Fill" Width="75" Height="75" VerticalAlignment="Bottom" Margin="309,0,16,212">
                    <Image x:Name="img8"/>
                </Viewbox>
                <Viewbox x:Name="viewbox8" Stretch="Fill" Width="75" Height="75" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,300,111">
                    <Image x:Name="img9"/>
                </Viewbox>
                <Viewbox x:Name="viewbox9" Stretch="Fill" Width="75" Height="75" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,209,111">
                    <Image x:Name="img10"/>
                </Viewbox>
                <Viewbox x:Name="viewbox10" Stretch="Fill" Width="75" Height="75" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,112,111">
                    <Image x:Name="img11"/>
                </Viewbox>
                <Viewbox x:Name="viewbox11" Stretch="Fill" Width="75" Height="75" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,16,111">
                    <Image x:Name="img12"/>
                </Viewbox>
                <Viewbox x:Name="viewbox12" Stretch="Fill" Width="75" Height="75" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,300,12">
                    <Image x:Name="img13"/>
                </Viewbox>
                <Viewbox x:Name="viewbox13" Stretch="Fill" Width="75" Height="75" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,209,12">
                    <Image x:Name="img14"/>
                </Viewbox>
                <Viewbox x:Name="viewbox14" Stretch="Fill" Width="75" Height="75" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,112,12">
                    <Image x:Name="img15"/>
                </Viewbox>
                <Viewbox x:Name="viewbox15" Stretch="Fill" Width="75" Height="75" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,16,12">
                    <Image x:Name="img16"/>
                </Viewbox>
            </Grid>
            <TextBlock HorizontalAlignment="Left" Height="56" Margin="31,10,0,0" TextWrapping="Wrap" Text="Despicable Me 2" VerticalAlignment="Top" Width="400" FontFamily="/TestWP;component/Resources/Fonts/dfgameover.ttf#DF-GameOver" FontSize="36" Foreground="#DEFFFFFF" TextAlignment="Center"/>
            <TextBlock x:Name="lbTiming" HorizontalAlignment="Left" Height="28" Margin="31,102,0,0" TextWrapping="Wrap" Text="Time:" VerticalAlignment="Top" Width="227" FontFamily="/TestWP;component/Resources/Fonts/dfgameover.ttf#DF-GameOver"/>
            <TextBlock x:Name="lbScore" HorizontalAlignment="Center" Height="28" Margin="251,102,0,0" TextWrapping="Wrap" Text="Score:" VerticalAlignment="Top" Width="180" FontFamily="/TestWP;component/Resources/Fonts/dfgameover.ttf#DF-GameOver"/>
            <StackPanel HorizontalAlignment="Left" Height="400" VerticalAlignment="Top" Width="400" Margin="31,150,0,0" ManipulationCompleted="StackPanel_ManipulationCompleted"/>
            <Button Content="Button" HorizontalAlignment="Left" Margin="179,555,0,0" VerticalAlignment="Top"/>
            <Button Content="Button" HorizontalAlignment="Left" Margin="75,603,0,0" VerticalAlignment="Top"/>
            <Button Content="Button" HorizontalAlignment="Left" Margin="179,656,0,0" VerticalAlignment="Top"/>
            <Button Content="Button" HorizontalAlignment="Left" Margin="303,603,0,0" VerticalAlignment="Top"/>
        </Grid>
    </Grid>

</phone:PhoneApplicationPage>